<!doctype html>
<html>
<head>
  <title>picMark!Revolution of bookmark</title>
  
  <link rel="stylesheet" type="text/css" href="options.css">
  <script type="text/javascript" src="jquery-1.9.1.js"></script>  
  
  <script type="text/javascript" src="chrome_ex_oauthsimple.js"></script>
  <script type="text/javascript" src="chrome_ex_oauth.js"></script>
  <script type="text/javascript" src="options.js"></script>
  
  <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
</head>
<body>

<div class='wrapper-panel group'>
  
  <div class='panel-right'>
    <button class='bsq-album-panel' id='bsq-logout'>Logout</button>
    <div id='panel-album'>
      <select class='bsq-album-panel' id='bsq-select-album'></select>
      <button class='bsq-album-panel' id='bsq-create-album'>Create</button>
      <button class='bsq-album-panel' id='bsq-delete-album'>Delete</button>
    </div>
  </div>
  <p style='font-size:50px;font-weight: 300'>picMark!</p>
  <div id="connected-list">Loading...</div>

</div>

<div id='bsq-list-image'></div>

</body>
</html>
